<template>

    <div>
        <svg>
            <use :xlink:href="prefix + iconName"></use>
        </svg>
    </div>

</template>
<script setup lang='ts'>
import { ref, reactive } from 'vue'
defineProps({
    // 图标默认前缀
    prefix: {
        type: String,
        default: '#icon-'
    },
    // 图标名称
    iconName: {
        type: String,
        default: ''
    }
})
</script>
<style scoped></style>